<template>
    <div class="about">
        <h1>This is an about page</h1>
        <div class="box">
            <div class="title">title</div>
        </div>
        <div class="box1">
            <div class="title">title</div>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.box {
    .title {
        font-size: 18px;
    }
}

.box1 {
    $bb: red;
    .title {
        color: $bb;
    }
    .sub-title {
        color: $bb;
    }
}

//  // scss

// @bb: red; // less
</style>
